.index-header-wrapper .inner
  height: 100px
  width: 1200px
  margin: 0 auto
  .l
    position: relative
    width: 330px
    height: 100px
    float: left
    img
      position: absolute
      top: 31px
      left: 0
      width: 329px
      height: 35px
    p
      position: absolute
      top: 51px
      left: 187px
      width: 140px
      font-size: 12px
      font-weight: bold
    a
      position: absolute
      display: block
      width: 100%
      height: 100%
      top: 0
      left: 0
  .r
    float: right
    display: flex
    align-items: center
    height: 100px
    .logo
      position: relative
      width: 110px
      padding-left: 22px
      background: url(http://t.xinyuefei.com/img/sub/icon/icon-1.png) no-repeat left center
      background-size: 14px
      &::after
        display: block
        content: ""
        position: absolute
        top: 5px
        right: 12px
        width: 0px
        height: 14px
        border-right: 2px solid #aaa
      a
        color: #000
        font-size: 14px
    .weixin, .weibo
      width: 45px
      height: 100px
    .weixin
      background: url(http://t.xinyuefei.com/img/sub/icon/icon-3.png) no-repeat center / 18px
      position: relative
      div
        position: absolute
        top: 70px
        left: 0
        width: 130px
        height: 130px
        padding: 5px
        border: 1px solid #A5C532
        border-radius: 5px
        display: none
        z-index: 99
    .weixin:hover div
      display: block
    .weibo
      background: url(	http://t.xinyuefei.com/img/sub/icon/icon-4.png) no-repeat center / 18px
    .tel
      width: 150px
      height: 100px
      background: url(http://t.xinyuefei.com/img/sub/icon/icon-5.png) no-repeat 20px 43px
      background-size: 13px
      padding-left: 37px
      p
        line-height: 100px
  .c
    float: right
    width: 200px
    height: 100px
    text-align: right
    padding-right: 30px
    a
      display: inline-block
      width: 160px
      height: 55px
      margin-top: 25px
      img
        width: 160px
        height: 55px
.index-header-wrapper
  .nav
    height: 40px
    background-color: #708D0C
    .nav-content
      width: 1200px
      margin: 0 auto
      color: #fff
      .l
        cursor: pointer
        position: relative
        float: left
        color: #fff
        .icon
          position: relative
          float: left
          width: 80px
          height: 40px
          line-height: 40px
          padding-left: 20px
          background: url(http://t.xinyuefei.com/img/sub/icon/icon-6.png) no-repeat 1px center
          background-size: 10px
          &::after
            display: block
            content: ""
            position: absolute
            top: 14px
            right: 0
            width: 0px
            height: 12px
            border-right: 1px solid #fff
        .current
            position: relative
            float: left
            height: 40px
            line-height: 40px
            font-weight: bold
            padding: 0 60px 0 19px
            &::after
              content: ""
              display: block
              position: absolute
              right: 29px
              top: 18px
              color: #fff
              width: 5px
              height: 5px
              border: 1px solid transparent
              border-left-color: white
              border-top-color: white
              transform: rotate(45deg)
              transform-origin: center
              transition: .2s
        &:hover .current::after
          transform: rotate(225deg) translateY(-2px)
        .area
          display: none
          width: 400px
          position: absolute
          top: 100%
          left: 0
          font-size: 12px
          background: rgba(111,141,12,0.9)
          z-index: 9999
          .area-list
            font-size: 14px
            display: flex
            h4
              width: 70px
              display: flex
              justify-content: center
              align-items: center
              border-right: 1px solid #88a137
              border-bottom: 1px solid #88a137
            ul
              flex: 1
              display: flex
              flex-wrap: wrap
              border-bottom: 1px solid #88a137
              li
                padding: 5px 10px
                a
                  transition: .2s
                a:hover
                  text-shadow: 1px 1px 3px #333
        &:hover .area
          display: block
      .c
        display: flex
        float: left
        .item
          position: relative
          a
            padding: 0 25px
            line-height: 40px
            color: #fff
          div
            display: none
            width: 100%
            font-size: 13px
            position: absolute
            z-index: 9999
            top: 100%
            left: 0
            background-color: rgba(111,141,12,0.9)
            a
              display: block
              padding: 0
              text-align: center
          &:hover div
            display: block
        .item.hover:hover
          background: #A5C532
      .r
        float: right
        line-height: 40px
        a
          color: #fff
